﻿<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>合肥联学达信息科技有限公司</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="http://www.clantrip.com/static/css/common.css" rel="stylesheet" />
    <link href="css/anli.css" rel="stylesheet" />
    <link href="http://www.getpoint.cn/statics/css/amazeui.min.css" rel="stylesheet" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  	<style>
  		#copyright p {
  			font-size: 14px;
  		}
  		#case  li a:hover {
  			text-decoration: none;
  		}
  		#case {
  			margin-bottom: 60px;
  		}
  		.aaa{
  			color: #999;
  		}
  		.our-client{
  			background: white;
  		}
  		.index-row{
  			text-align: center;
  			color: #0ba1e4;
  		}
  		#footer{
  			background: #333;
  		}
  		.contact-banner{
  			margin-top: 50px;
  		}
  		.header{
  			margin-top: 50px;
  		}
  	</style>
<div id="header">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" style="padding:0 0 0 15px;" href="home.html"><img alt="Brand" style="max-width:130px;"
                                                                                  src="img/logo.png"></a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav navbar-right">
                    										<li><a href="home.html">首页</a></li>
                                        <li><a href="Servicer.html">服务领域</a></li>
                                        <li class="active"><a href="anli.html">成功案例<span class="sr-only">(current)</span></a><p class="line-top hidden-xs"></p></li>
                                        <li><a href="newCenter.html">新闻中心</a></li>
                                        <li><a href="AboutUs.html">关于我们</a></li>
                                        <li><a href="personnel.html">人才招聘</a></li>
                                </ul>
            </div>
        </div> 
    </nav>
</div>
    <!-- 全屏轮播图 -->
<div id="carousel-example-generic" class="carousel slide my-slide" data-ride="carousel">
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="img/anli.jpg" alt="软件开发网站">
        </div>
    </div>
</div>
<!-- 全屏轮播图 -->
<div class="index-row our-client">
	<h2 class="h1">成功案例</h2>
</div>
<!--作品列表开始-->
<div id="case">
<ul class="am-tabs-bd am-avg-sm-1 am-avg-md-3 am-avg-lg-5" style="border:none;">
<li><a href="#" title="圆胃日本料理" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2016/0223/20160223021148206.png" alt="圆胃日本料理" />
<div class="case-title"><h6>圆胃日本料理</h6>
<span>寿司品牌网站设计</span>
</div></a></li>
<li><a href="#" title="Crystal鹭音朋主题TKV" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2016/0223/20160223022345707.png" alt="Crystal鹭音朋主题TKV" />
<div class="case-title"><h6>Crystal鹭音朋主题TKV</h6>
<span>TKV/酒吧品牌网站设计</span>
</div></a></li>
<li><a href="#" title="ECE电梯品牌策划设计(永日电梯)" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2016/0223/20160223030924404.png" alt="ECE电梯品牌策划设计(永日电梯)" />
<div class="case-title"><h6>ECE电梯品牌网站设计(永日电梯)</h6>
<span>电梯品牌网站设计</span>
</div></a></li>
<li><a href="#" title="华辉数码品牌网站设计" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2016/0223/20160223031133344.png" alt="华辉数码品牌网站设计" />
<div class="case-title"><h6>华辉数码品牌网站设计</h6>
<span>数码品牌网站建设、策划、设计</span>
</div></a></li>
<li><a href="#" title="玉琢教育品牌网站建设设计" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2016/0223/20160223031525976.png" alt="玉琢教育品牌网站建设设计" />
<div class="case-title"><h6>玉琢教育品牌网站建设设计</h6>
<span>教育vi设计、教育培训品牌网站建设设计</span>
</div></a></li>
<li><a href="#" title="万年青医药品牌网站设计" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2016/0223/20160223032000390.png" alt="万年青医药品牌网站设计" />
<div class="case-title"><h6>万年青医药品牌网站设计</h6>
<span>医药品牌建设、医药品牌网站设计</span>
</div></a></li>
<li><a href="#" title="美酷拉游乐园" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2016/0223/20160223032415838.png" alt="美酷拉游乐园" />
<div class="case-title"><h6>美酷拉游乐园</h6>
<span>娱乐品牌网站设计</span>
</div></a></li>
<li><a href="http://www.getpoint.cn/2015/internal_1007/149.html" title="中国工商银行品牌网站设计" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2015/1007/20151007083709705.png" alt="中国工商银行品牌网站设计" />
<div class="case-title"><h6>中国工商银行网站推广设计</h6>
<span>你身边可信赖的银行</span>
</div></a></li>
<li><a href="#" title="麦当劳中国" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2015/1007/20151007083235784.png" alt="麦当劳中国" />
<div class="case-title"><h6>麦当劳中国网站设计</h6>
<span>I’m lovin’ it我就喜欢</span>
</div></a></li>
<li><a href="#" title="美隆堡品牌设计（红酒年度服务品牌）" target="_blank">
<img src="http://www.getpoint.cn/uploadfile/2015/1007/20151007082515432.jpg" alt="美隆堡品牌设计（红酒年度服务品牌）" />
<div class="case-title"><h6>美隆堡品牌网站设计（红酒年度服务品牌）</h6>
<span>红酒企业网站设计</span>
</div></a></li>
</ul> 
</div>
<!--作品列表结束--> 
<!-- 数字滚动插件 -->
<script type="text/javascript" src="http://www.clantrip.com/static/js/countUp.min.js"></script>
<script type="text/javascript">
    $(function () {
        /**通用-banner大图自定义缩放**/
        var zoomWidth = 992; //缩放阀值992px, 即所有小于992px的视口都会对原图进行缩放, 只是缩放比例不同
        var maxWidth = 1920; //最大宽度1920px
        var ratio = 1; //缩放比例
        var viewWidth = window.innerWidth; // 视口宽度
        var zoomSlider = function () {
            if (viewWidth < 768) { //当视口小于768时(移动端), 按992比例缩放
                ratio = viewWidth / zoomWidth; //视口宽度除以阀值, 计算缩放比例
            } else if (viewWidth < zoomWidth) { //当视口界于768与992之间时, bootstrap主宽度为750, 这区间图片缩放比例固定.
                ratio = zoomWidth / (zoomWidth + (zoomWidth - 750));
            } else { // PC端不缩放
                ratio = 1;
            }
            //ratio = viewWidth / zoomWidth; //视口宽度除以阀值, 计算缩放比例
            //ratio = (ratio<=1) ? ratio : 1; //如果比例值大于1, 说明视口宽度高于阀值, 则不进行任何缩放
            var width = maxWidth * ratio; //缩放宽度
            $(".my-slide img").each(function () {
                $(this).css({
                    "width": width,
                    "max-width": width,
                    "margin-left": -(width - viewWidth) / 2
                }); //图片自适应居中, 图片宽度与视口宽度差除以2的值, 设置为负margin
            });
        }
        /**通用-我们的成绩等数字滚动特效**/
        var numOptions = {
            useEasing: true,
            useGrouping: true,
            separator: ',',
            decimal: '.',
            prefix: '',
            suffix: ''
        }
        var numGroup = new Array(
                new CountUp("sum-apply", 0, 18397, 0, 2.5, numOptions),
                new CountUp("sum-rate", 0, 98.8, 1, 2.5, numOptions),
                new CountUp("sum-urgent", 0, 3273, 0, 2.5, numOptions),
                new CountUp("urgent-rate", 0, 100, 0, 2.5, numOptions)
        );
        var runNumber = function () {
            $('.run-number').each(function () {
                var oTop = $(this).offset().top;
                var sTop = $(window).scrollTop();
                var oHeight = $(this).height();
                var oIndex = $(this).index('.run-number');
                //console.log(oTop+'\r\n'+sTop+'\r\n'+oHeight+'\r\n'+$(window).height());
                if (oTop >= sTop && (oTop + (oHeight / 2)) < (sTop + $(window).height())) {
                    numGroup[oIndex].start();
                    //console.log('元素'+$(this).index('.run-number')+'可见');
                } else {
                    //console.log('元素'+$(this).index('.run-number')+'不可见');
                }
            });
        }

        zoomSlider(); //页面加载时初始化并检查一次.
        runNumber(); //页面加载时判断一次
        /**视口发生变化时的事件**/
        $(window).resize(function () {
            viewWidth = window.innerWidth; // 重置视口宽度
            zoomSlider();//判断是否绽放banner
            runNumber();//判断是否执行动画
        });
        /**滚动事件**/
        $(window).scroll(function () {
            runNumber();
        });

        //首页-我们的服务
        $('.card-item').each(function () {
            $(this).mouseover(function () {
                $(this).addClass('card-active');
                $(this).siblings().removeClass('card-active');
                $(this).find(".btn").addClass('btn-outline-inverse').removeClass('btn-outline-blue');
                $(this).siblings().find(".btn").addClass('btn-outline-blue').removeClass('btn-outline-inverse');
            });
        });

    });
</script>
<!-- 返回顶部滑块 -->
<!-- 整站通用的尾部 -->
<div id="sidebar-bg" style="display: none;"></div>

<!-- 通用页脚 -->
<div id="footer">
    <div class="container">
       
            <div class="clearfix"></div>
       
    </div>
</div>
<div id="copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <p>Copyright © 2006-2017 clantrip.com All Rights Reversed. 联学达 <a target="_blank" href="http://www.miitbeian.gov.cn/">京ICP备16015317号</a></p>

                <div style="width:300px;margin:0 auto; padding:20px 0; text-align: center;">
                    <a target="_blank"
                       href="#"
                       style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                        <img src="http://www.clantrip.com/static/images/ghs.png" style="float:left;"/>
                        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#fafafa;">京公网安备 11010102002687号</p></a>
                </div>
            </div>
        </div>
    </div>
</div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>